<!DOCTYPE html>
<html>
<head>
    <title>系统在线文件</title>
    
	    <#include "/header.html">
	<style>
		.diyCell {
			vertical-align: middle !important;
			font-size: 25px;
		}
		.ui-jqgrid .table-bordered, .ui-jqgrid .table-bordered td, .ui-jqgrid .table-bordered th.ui-th-ltr {
			border-left: 0px none !important;
			text-align: center;
			vertical-align: middle !important;
		}
	</style>
</head>
<body>
<div class="layui-card lc-admin">
		<div class="layui-card-header lc-header-admin">
			<i class="fa fa-dropbox"></i> 信息列表
		</div>
		<div class="layui-card-body lc-body-admin">
				
		<div id="myapp" v-cloak>
			<#include "/excel.html">

            <div v-show="showList">
		        <div class="grid-btn">
                    <div class="form-group col-sm-2 lc-query">
                        <input type="text" class="form-control"
                               @keyup.enter="query" placeholder="名称" v-model="params.name">
                    </div>
                    <div class="form-group col-sm-2 lc-query">
                        <select name="type" class="form-control " v-model="params.type">
                            <option value="" selected>请选择分类</option>
                            <option v-for="dict in typeDatas" :value="dict.value">{{dict.name}}</option>
                        </select>
                    </div>

					<a class="btn btn-default" @click="query"><i class="fa fa-search"></i>&nbsp;查询</a>
		            <div class="btn-group btn-tools">
			            <#if shiro.hasPermission("SysOnlineFileController:save")>
			            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			            </#if>
			            <#if shiro.hasPermission("SysOnlineFileController:update")>
			            <a class="btn btn-info" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			            </#if>
			            <#if shiro.hasPermission("SysOnlineFileController:delete")>
			            <a class="btn btn-danger" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			            </#if>

			            <div class="btn-group" role="group" style="margin-left: 10px;">
							<button type="button" class="btn btn-success dropdown-toggle"
								data-toggle="dropdown" aria-haspopup="true"
								aria-expanded="false">
								<i class="fa fa-navicon"></i>导入/导出 <span class="caret"></span>
							</button>
							<ul class="dropdown-menu" style="min-width:110px;"> 
								<#if shiro.hasPermission("SysOnlineFileController:importExcel")>
					            <li><a  @click="openImportExcel"><i
										class="glyphicon glyphicon-upload"></i>&nbsp;导入</a></li>
					            </#if>
								<#if shiro.hasPermission("SysOnlineFileController:exportExcel")>
					            <li><a @click="exportExcel"><i
												class="glyphicon glyphicon-download"></i>&nbsp;导出</a></li>
					            </#if>
							</ul>
						</div>

		            </div>
                    <div id="importBox" class="hide">
                        <form id="importForm" name="importForm" method="post" enctype="multipart/form-data" action="" style="padding-left:20px;text-align:center;" ><br/>
                            <input name="file" type="file" style="width:330px"/>导入文件不能超过5M，仅允许导入“xls”或“xlsx”格式文件！<br/>　
                        </form>
                    </div>
		        </div>
		        <table id="jqGrid"></table>
		        <div id="jqGridPager" style="position: absolute; bottom: -39px;"></div>
		    </div>
		
		    <div v-show="!showList" class="panel panel-default">
		        <div class="panel-heading"><i class="fa fa-pencil-square-o"></i>{{title}}</div>
		        <form class="form-horizontal">
		            		                		            		                							                                <div class="form-group">
		                        <div class="col-sm-2 control-label">标题</div>
		                        <div class="col-sm-10">
		                            <input type="text" class="form-control" v-model="onlineFile.name" placeholder="标题"/>
		                        </div>
		                    </div>
		               	 		                		            		                							                                <div class="form-group">
		                        <div class="col-sm-2 control-label">图片</div>
		                        <div class="col-sm-10 inline">
									<img class="img-circle" v-if="onlineFile.url != null && onlineFile.url != '' " :src="onlineFile.url" style="height: 50px;width: 50px;">
									<input type="file"  id="url" class="form-control"  placeholder="图片"/>
		                        </div>
		                    </div>
		               	 		                		            		                							                                <div class="form-group">
		                        <div class="col-sm-2 control-label">排序</div>
		                        <div class="col-sm-10">
		                            <input type="text" class="form-control" v-model="onlineFile.orderNum" placeholder="排序"/>
		                        </div>
		                    </div>
		               	 		                		            		                									                		            		                									                		            		                									                		            		                									                		            		                							                                <div class="form-group">
		                        <div class="col-sm-2 control-label">备注</div>
		                        <div class="col-sm-10">
									<textarea type="text" class="form-control" v-model="onlineFile.remark" placeholder="备注"></textarea>
		                        </div>
		                    </div>
		               	 		                		            		                									                		            		                							                                <div class="form-group">
		                        <div class="col-sm-2 control-label">类型</div>
		                        <div class="col-sm-10">
										<select name="type" class="form-control "  v-model="onlineFile.type" >
											<option v-for="dict in typeDatas" :value="dict.value">{{dict.name}}</option>
										</select>
		                        </div>
		                    </div>
						   <div class="form-group">
		                        <div class="col-sm-2 control-label">状态</div>
							   <div class="col-sm-10" style="display: flex;flex-wrap: wrap;">
								   <div style="padding: 10px;" v-for="dict in statusDatas" >
									   <input type="radio" v-model="onlineFile.status" name="status" :value="dict.value">
									   <label v-text="dict.name"></label>
								   </div>
							   </div>
		                    </div>
		               	 		                		            		            <div class="form-group">
		                <div class="col-sm-2 control-label"></div>
		                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
		                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
		            </div>
		        </form>
		    </div>
		</div>
	</div>
</div>
	
<script src="${ctx}webjars/static/js/modules/sys/onlinefile.js?_${.now?long}"></script>
</body>
</html>